<template>
  <div class="child">
        <h2>我是 Child 组件 {{ x }}</h2>
        <h3>当前求和为: {{ sum }}</h3>
        <h4 v-beauty="sum">好开心</h4>
        <hello></hello>
    </div>
</template>

<script setup lang="ts" name="Child">
import { ref } from 'vue';

let sum = ref(0)

</script>

<style>
.child {
    background-color: sandybrown;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 10px;
}
</style>